<!DOCTYPE HTML>
<!--[if lt IE 7]> <html dir="ltr" lang="zh-cn" id="ie6"> <![endif]-->
<!--[if IE 7]>    <html dir="ltr" lang="zh-cn" id="ie7"> <![endif]-->
<!--[if IE 8]>    <html dir="ltr" lang="zh-cn" id="ie8"> <![endif]-->
<!--[if gt IE 8]><!--> <html dir="ltr" lang="zh-cn"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--[if lt IE 9]>
    <script src="js/html5.js" type="text/javascript"></script>
    <script src="js/respond.min.js" type="text/javascript"></script>
<![endif]-->
<script src="http://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="js/angular.js" type="text/javascript"></script>

<!-- 幻灯片 -->
<link href="http://cdn.bootcss.com/fotorama/4.5.1/fotorama.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/fotorama/4.5.1/fotorama.js"></script>

<!-- 滚动视图 -->
<script src="http://cdn.bootcss.com/jcarousel/0.3.0/jquery.jcarousel.min.js"></script>
<script src="http://cdn.bootcss.com/jcarousel/0.3.0/jquery.jcarousel-control.min.js"></script>
<script src="http://cdn.bootcss.com/jcarousel/0.3.0/jquery.jcarousel-autoscroll.min.js"></script>

<!-- 图片占位 -->
<script src="http://cdn.bootcss.com/holder/2.3.1/holder.min.js"></script>
<link href="home.css" rel="stylesheet" type="text/css">

<!--[if IE 7]>
<link rel="stylesheet" href="css/font-awesome-ie7.min.css">
<![endif]-->

<!--[if IE 8]>
  <link href="css/ie8.css" rel="stylesheet" type="text/css">
<![endif]-->
</head>

<body ng-app>

<div class="header-top">
	<div class="container">
		<ul class="left-nav">
			<!-- <li class="nav-item"><a href="#" class="nav-item-link">设为首页</a></li>
			<li class="nav-item"><a href="#" class="nav-item-link">收藏本站</a></li> -->
			<li class="nav-item"><a href="#" class="nav-item-link active">回到首页</a></li>
			<!-- 登陆前 -->
			<li class="nav-item">欢迎您，<a href="#" class="nav-item-link">请登录</a></li>
			<li class="nav-item"><a href="#" class="nav-item-link">免费注册</a></li>
			<!-- 登陆后 -->
			<li class="nav-item has-sub">
				<a href="#" class="nav-item-link">用户名 <span class="caret"></span></a>
				<ul class="nav-item-sub nav-sub-list">
					<li>
						<a href="#">
							<span class="badge">42</span>
							消息提醒
						</a>
					</li>
					<li><a href="#">用户中心</a></li>
					<li><a href="#">我的店铺</a></li>
					<li class="line"></li>
					<li><a href="#">退出</a></li>
				</ul>
			</li>
			<li class="nav-item"><a href="#" class="nav-item-link">退出</a></li>
		</ul>


		<ul class="right-nav">
			<li class="nav-item has-sub">
				<a href="#" class="nav-item-link">菜单示例 <span class="caret"></span></a>
				<ul class="nav-item-sub nav-sub-list">
					<li><a href="#">菜单1</a></li>
					<li><a href="#">菜单2</a></li>
					<li><a href="#">菜单3</a></li>
					<li><a href="#">菜单4</a></li>
				</ul>
			</li>
			<li class="nav-item"><a href="#" class="nav-item-link active">发布任务</a></li>
			<li class="nav-item"><a href="#" class="nav-item-link active">购买文件</a></li>
			<li class="nav-item"><a href="#" class="nav-item-link">关于我们</a></li>
			<li class="nav-item"><a href="#" class="nav-item-link">帮助中心</a></li>

 			<li class="nav-item has-sub">
				<a href="#" class="nav-item-link">分类导航 <span class="caret"></span></a>
				<div class="nav-item-sub">
					<dl>
						<dt>任务</dt>
						<dd>
							<ul>
								<li><a href="#">文案写作</a></li>
								<li><a href="#">网站制作</a></li>
								<li><a href="#">标志设计</a></li>
								<li><a href="#">VI设计</a></li>
								<li><a href="#">网站模版</a></li>
								<li><a href="#">网站广告</a></li>
								<li><a href="#">问卷调查</a></li>
								<li><a href="#">意见建议</a></li>
								<li><a href="#">网站模版</a></li>
								<li><a href="#">网站广告</a></li>
							</ul>


						</dd>
					</dl>

					<div class="line"></div>

					<dl>
						<dt>商品</dt>
						<dd>
							<ul>
								<li><a href="#">文案写作</a></li>
								<li><a href="#">网站制作</a></li>
								<li><a href="#">标志设计</a></li>
								<li><a href="#">VI设计</a></li>
								<li><a href="#">网站模版</a></li>
								<li><a href="#">网站广告</a></li>
								<li><a href="#">问卷调查</a></li>
								<li><a href="#">意见建议</a></li>
								<li><a href="#">网站模版</a></li>
								<li><a href="#">网站广告</a></li>
							</ul>


						</dd>
					</dl>
				</div>
			</li>

			<li class="nav-item"><a data-trigger="modal" data-title="推广" href="spread.htm" class="nav-item-link">推广</a></li>
		</ul>

	</div>
</div>
<!-- header-top end-->

<header class="header">
  <div  class="container">
    <div class="header-website">
      <div class="brand-logo">
        <img src="img/brand-logo.png" alt="KPPW">
      </div><!-- brand-logo end-->
      <div class="header-location">
        全国站
        <div class="localtion-layer">
          <a href="#" data-toggle="dropdown">[切换城市<span class="caret"></span>]</a>
          <ul class="dropdown-menu for-city" role="menu" aria-labelledby="dLabel">
            <li><a href="#" role="menuitem" tabindex="-1">武汉</a></li>
            <li><a href="#" tabindex="-1">北京</a></li>
          </ul>
        </div><!-- localtion-layer end-->
      </div><!-- header-location end-->
    </div><!-- header-website end-->




	<div class="header-post">
		<a id="drop-post" href="#" class="btn btn-primary" role="button" data-toggle="dropdown">
			发布一个需求 <span class="caret"></span>
		</a>
		<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="drop-post">
          <li class="dropdown-header"><i class="fa fa-flag"></i> 我是雇主</li>
          <li role="presentation"><a role="menuitem" tabindex="-1" href="#">发布任务</a></li>
          <li role="presentation"><a role="menuitem" tabindex="-1" href="#">购买任务</a></li>
          <li role="presentation"><a role="menuitem" tabindex="-1" href="#">寻找服务商</a></li>
          <li role="presentation" class="divider"></li>
          <li class="dropdown-header"><i class="fa fa-user"></i> 我是服务商</li>
          <li role="presentation"><a role="menuitem" tabindex="-1" href="#">接任务</a></li>
          <li role="presentation"><a role="menuitem" tabindex="-1" href="#">发布服务</a></li>
        </ul>
	</div>

	<div class="header-text">或者</div>

    <div class="header-function">
      <div class="header-search">
        <form role="search">
              <div class="btn-group">
                <button type="button" class="btn dropdown-toggle " data-toggle="dropdown">任务 <span class="caret"></span></button>
                <ul class="dropdown-menu">
                  <li><a href="#">任务</a></li>
                  <li><a href="#">商品</a></li>
                  <li><a href="#">服务商</a></li>
                </ul>
              </div>
            <div class="form-group search-input">
              <input type="text" >
            </div>
            <button type="submit" class="btn btn-primary">搜索</button>
        </form>

      </div><!-- header-search end-->
      <div class="header-keywords">
        热门搜索：
        <a href="#" class="marked marked-tags">Logo设计</a>
        <a href="#" class="marked marked-tags">文案</a>
        <a href="#" class="marked marked-tags">跑腿</a>
        <a href="#" class="marked marked-tags">包装设计</a>
        <a href="#" class="marked marked-tags">网站建设</a>
      </div><!-- header-keywords end-->
    </div><!-- header-function end-->
  </div>
</header><!-- header end-->

<nav class="site-nav">
<div class="container">
  <div class="category-list">
	  <a href="#" class="category-title"><i class="fa fa-list-ul"></i> 全部任务分类 <i class="fa fa-angle-down"></i></a>
	  <ul class="category-down">
	    <li class="category-item">
	      <div class="category-top">
	        <a href="#"  class="hot" tabindex="-1">企业形象</a>/
	        <a href="#" tabindex="-1">LOGO</a>/
	        <a href="#" tabindex="-1">VI</a>
	        <i class="fa fa-angle-right"></i>
	      </div>
	      <div class="category-inner">
	        <h3 class="category-inner-title">全部设计类</h3>
	          <a href="#" tabindex="-1">LOGO设计</a>
	          <a href="#" tabindex="-1">VI设计</a>
	          <a href="#" tabindex="-1" class="hot">字体设计</a>
	          <a href="#" tabindex="-1">图标设计</a>
	      </div>
	    </li>
	    <li class="category-item">
	      <div class="category-top">
	        <a href="#" tabindex="-1" class="hot">宣传品</a>/
	        <a href="#" tabindex="-1">画册</a>/
	        <a href="#" tabindex="-1">漫画设计</a>
	        <i class="fa fa-angle-right"></i>
	      </div>
	      <div class="category-inner">
	        <h3 class="category-inner-title">全部设计类</h3>
	          <a href="#" tabindex="-1">LOGO设计</a>
	          <a href="#" tabindex="-1">VI设计</a>
	          <a href="#" tabindex="-1">字体设计</a>
	          <a href="#" tabindex="-1">图标设计</a>
	      </div>
	    </li>
	    <li class="category-item">
	      <div class="category-top">
	        <a href="#" tabindex="-1">产品包装 </a>/
	        <a href="#" tabindex="-1" class="hot">广告设计</a>
	        <i class="fa fa-angle-right"></i>
	      </div>
	      <div class="category-inner">
	        <h3 class="category-inner-title">全部设计类</h3>
	          <a href="#" tabindex="-1" class="hot">LOGO设计</a>
	          <a href="#" tabindex="-1">VI设计</a>
	          <a href="#" tabindex="-1">字体设计</a>
	          <a href="#" tabindex="-1">图标设计</a>
	      </div>
	    </li>
	    <li class="category-item">
	      <div class="category-top">
	        <a href="#" tabindex="-1">网络营销</a>/
	        <a href="#" tabindex="-1">网店服务</a>
	        <i class="fa fa-angle-right"></i>
	      </div>
	      <div class="category-inner">
	        <h3 class="category-inner-title">全部营销类</h3>
	          <a href="#" tabindex="-1">LOGO设计</a>
	          <a href="#" tabindex="-1">VI设计</a>
	          <a href="#" tabindex="-1">字体设计</a>
	          <a href="#" tabindex="-1" class="hot">图标设计</a>
	      </div>
	    </li>
	    <li class="category-item">
	      <div class="category-top">
	        <a href="#" tabindex="-1">网站开发</a>/
	        <a href="#" tabindex="-1">UI设计</a>
	        <i class="fa fa-angle-right"></i>
	      </div>
	      <div class="category-inner">
	        <h3 class="category-inner-title">全部设计类</h3>
	          <a href="#" tabindex="-1">LOGO设计</a>
	          <a href="#" tabindex="-1">VI设计</a>
	          <a href="#" tabindex="-1">字体设计</a>
	          <a href="#" tabindex="-1" class="hot">图标设计</a>
	      </div>
	    </li>
	    <li class="category-item">
	      <div class="category-top">
	        <a href="#" tabindex="-1">软件开发</a>/
	        <a href="#" tabindex="-1">APP开发</a>
	        <i class="fa fa-angle-right"></i>
	      </div>
	      <div class="category-inner">
	        <h3 class="category-inner-title">全部开发类</h3>
	          <a href="#" tabindex="-1">LOGO设计</a>
	          <a href="#" tabindex="-1">VI设计</a>
	          <a href="#" tabindex="-1">字体设计</a>
	          <a href="#" tabindex="-1" class="hot">图标设计</a>
	      </div>
	    </li>
	    <li class="category-item">
	      <div class="category-top">
	        <a href="#" tabindex="-1">工业设计</a>/
	        <a href="#" tabindex="-1">服装设计</a>
	        <i class="fa fa-angle-right"></i>
	      </div>
	      <div class="category-inner">
	        <h3 class="category-inner-title">全部设计类</h3>
	          <a href="#" tabindex="-1">LOGO设计</a>
	          <a href="#" tabindex="-1">VI设计</a>
	          <a href="#" tabindex="-1">字体设计</a>
	          <a href="#" tabindex="-1" class="hot">图标设计</a>
	      </div>
	    </li>
	    <li class="category-item">
	      <div class="category-top">
	        <a href="#" tabindex="-1">室内装修设计</a>/
	        <a href="#" tabindex="-1">服务</a>
	        <i class="fa fa-angle-right"></i>
	      </div>
	      <div class="category-inner">
	        <h3 class="category-inner-title">全部生活类</h3>
	          <a href="#" tabindex="-1">LOGO设计</a>
	          <a href="#" tabindex="-1">VI设计</a>
	          <a href="#" tabindex="-1">字体设计</a>
	          <a href="#" tabindex="-1" class="hot">图标设计</a>
	      </div>
	    </li>
	    <li class="category-item">
	      <div class="category-top">
	        <a href="#" tabindex="-1">文案</a>/
	        <a href="#" tabindex="-1">取名</a>/
	        <a href="#" tabindex="-1">宣传</a>/
	        <a href="#" tabindex="-1">翻译</a>
	        <i class="fa fa-angle-right"></i>
	      </div>
	      <div class="category-inner">
	        <h3 class="category-inner-title">全部生活类</h3>
	          <a href="#" tabindex="-1">LOGO设计</a>
	          <a href="#" tabindex="-1">VI设计</a>
	          <a href="#" tabindex="-1">字体设计</a>
	          <a href="#" tabindex="-1" class="hot">图标设计</a>
	      </div>
	    </li>
	    <li class="category-item">
	      <div class="category-top">
	        <a href="#" tabindex="-1">动画</a>/
	        <a href="#" tabindex="-1">影音</a>/
	        <a href="#" tabindex="-1">游戏美工</a>
	        <i class="fa fa-angle-right"></i>
	      </div>
	      <div class="category-inner">
	        <h3 class="category-inner-title">全部游戏类</h3>
	          <a href="#" tabindex="-1">LOGO设计</a>
	          <a href="#" tabindex="-1">VI设计</a>
	          <a href="#" tabindex="-1">字体设计</a>
	          <a href="#" tabindex="-1" class="hot">图标设计</a>
	      </div>
	    </li>
	    <li class="category-item">
	      <div class="category-top">
	        <a href="#" tabindex="-1">建筑工程设计</a>/
	        <a href="#" tabindex="-1">咨询</a>
	        <i class="fa fa-angle-right"></i>
	      </div>
	      <div class="category-inner">
	        <h3 class="category-inner-title">全部生活类</h3>
	          <a href="#" tabindex="-1">LOGO设计</a>
	          <a href="#" tabindex="-1">VI设计</a>
	          <a href="#" tabindex="-1">字体设计</a>
	          <a href="#" tabindex="-1" class="hot">图标设计</a>
	      </div>
	    </li>
	    <li class="category-item">
	      <div class="category-top">
	        <a href="#" tabindex="-1">知识产权服务</a>
	        <i class="fa fa-angle-right"></i>
	      </div>
	      <div class="category-inner">
	        <h3 class="category-inner-title">全部生活类</h3>
	          <a href="#" tabindex="-1">LOGO设计</a>
	          <a href="#" tabindex="-1">VI设计</a>
	          <a href="#" tabindex="-1">字体设计</a>
	          <a href="#" tabindex="-1" class="hot">图标设计</a>
	      </div>
	    </li>
	    <li class="category-item">
	      <div class="category-top">
	        <a href="#" tabindex="-1">特色真人服务</a>
	        <i class="fa fa-angle-right"></i>
	      </div>
	      <div class="category-inner">
	        <h3 class="category-inner-title">全部生活类</h3>
	          <a href="#" tabindex="-1">LOGO设计</a>
	          <a href="#" tabindex="-1">VI设计</a>
	          <a href="#" tabindex="-1">字体设计</a>
	          <a href="#" tabindex="-1" class="hot">图标设计</a>
	      </div>
	    </li>
	    <li class="category-item">
	      <div class="category-top">
	        <a href="#" tabindex="-1">品牌设计</a>/
	        <a href="#" tabindex="-1">生活服务</a>
	        <i class="fa fa-angle-right"></i>
	      </div>
	      <div class="category-inner">
	        <h3 class="category-inner-title">全部生活类</h3>
	          <a href="#" tabindex="-1">LOGO设计</a>
	          <a href="#" tabindex="-1">VI设计</a>
	          <a href="#" tabindex="-1">字体设计</a>
	          <a href="#" tabindex="-1" class="hot">图标设计</a>
	      </div>
	    </li>
	  </ul>
	</div>
	<!-- category-list end -->
  <div role="navigation" class="navbar navbar-primary">
    <div class="navbar-header">
      <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
        <span class="sr-only">切换导航</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <span class="navbar-actived">网站导航</span>
    </div>
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav nav-primary">
        <li class="active"><a href="#">首页</a></li>
        <li><a href="#">任务大厅</a></li>
        <li><a href="#">服务商商品</a></li>
        <li><a href="#">服务商</a></li>
        <li><a href="#">成功案例</a></li>
        <li><a href="#">新闻资讯</a></li>
        <li class="dropdown">
          <a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li class="dropdown-header">Nav header</li>
            <li><a href="#">Separated link</a></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">诚信保障</a></li>
        <li><a href="#">VIP特权</a></li>
        <li><a href="#">增值工具</a></li>
      </ul>

    </div><!--/.nav-collapse -->
  </div>

</div>
</nav>
<!-- site-nav end -->



<div  class="container">
<div class="home-top">
		<div class="banner">
				<div class="fotorama" data-autoplay="true" data-width="100%" data-ratio="550/510" data-fit="cover" data-stopautoplayontouch="false"  data-loop="true" data-arrows="true" data-click="false" data-swipe="true">
					<div data-img="http://cms.zbjimg.com/index/vas/delang.jpg" data-caption="中文支持1">
						<a href="http://www.baidu.com" data-video="false"></a>
					</div>
					<div data-img="http://cms.zbjimg.com/index/vas/E69CACE5AD90E68EA8E5B9BF8.jpg" data-caption="中文支持2">
						<a href="http://www.renwuyi.com" data-video="false"></a>
					</div>
					<div data-img="http://cms.zbjimg.com/index/vas/E9A696E9A1B5E59381E7898CE8AEBEE8AEA1E7B1BBE79BAEE5B9BBE781AF0714.jpg" data-caption="中文支持3">
						<a href="http://www.google.com" data-video="false"></a>
					</div>
					<div data-img="http://cms.zbjimg.com/index/vas/E9A696E9A1B5E5B9BBE781AF-E697A0E68EA8E5B9BFE5A4A7E4B88DE783AD--E696B0E59BBEE789870718.jpg">
						<a href="http://www.google.com" data-video="false"></a>
					</div>
					<div data-img="http://pic.yupoo.com/huang-yu/DHSxR3cS/medish.jpg">
						<a href="http://www.google.com" data-video="false"></a>
					</div>

				</div>
				<!-- fotorama end -->
				<div class="min-banner">
					<a class="min-banner-item" href="#">
						<img src="http://p6.zbjimg.com//cms/2014-05/06/cmER37rd2h1129/5368358111bac.jpg" alt="商标注册">
					</a>
					<a class="min-banner-item" href="#">
						<img src="http://cms.zbjimg.com/index/vas/chanyyuan.jpg" alt="网络创业">
					</a>
					<a class="min-banner-item" href="#">
						<img src="http://cms.zbjimg.com/index/vas/youc.jpg" alt="名片设计">
					</a>
				</div>
				<!-- min-banner end -->
		</div>
		<!-- banner end -->


		<div class="site-noitce">


			<div class="site-noitce-top">
				<!-- 登陆前 -->
				<div class="before ">
					<div class="row">
						<div class="col-xs-6">
							<a href="#" class="btn btn-info btn-block">注册帐号</a>
						</div>
						<div class="col-xs-6">
							<a href="#" class="btn btn-primary btn-block">用户登录</a>
						</div>
					</div>


					<div class="site-other-login">
						第三方帐号登录：
						<a href="#" title="新浪微博"><img src="img/sina_t.gif" alt="新浪微博"></a>
					    <a href="#" title="腾讯微博"><img src="img/ten_t.gif" alt="腾讯微博"></a>
					    <a href="#" title="QQ帐号"><img src="img/qq_t.gif" alt="QQ帐号"></a>
					    <a href="#" title="淘宝帐号"><img src="img/taobao_t.gif" alt="淘宝帐号"></a>
					</div>
				</div>

				<!-- 登陆后 -->
				<div class="after hidden">
					<ul class="nav nav-pills">
						<li class="active mr_10">
							<a href="#employer" data-toggle="tab">
								<i class="fa fa-flag"></i>
								我是雇主
							</a>
						</li>
						<li>
							<a href="#witkey" data-toggle="tab">
								<i class="fa fa-user"></i>
								我是服务商
							</a>
						</li>
					</ul>

					<div class="tab-content">
						<div class="tab-pane active" id="employer">
							<a href="#" class="btn btn-info btn-sm btn-block">发布任务</a>
						</div>

						<div class="tab-pane" id="witkey">
							<a href="#" class="btn btn-info btn-sm btn-block">发布商品</a>
						</div>
					</div>
				</div>


			</div><!-- site-noitce-top end -->

			<div class="site-noitce-bottom">
				<ul class="site-noitce-nav">
					<li class="active"><a href="#announcement" data-toggle="tab">公告</a></li>
					<li><a href="#notification" data-toggle="tab">中标通知</a></li>
					<li><a href="#withdrawal" data-toggle="tab">提现</a></li>
				</ul>
				<div class="tab-content">
					<div id="announcement" class="tab-pane fade in active">
						<ul class="site-noitce-list">
							<li><i>&middot;</i><a href="#">发布任务1</a></li>
							<li><i>&middot;</i><a href="#">发布任务1</a></li>
							<li><i>&middot;</i><a href="#">发布任务1</a></li>
							<li><i>&middot;</i><a href="#">发布任务1</a></li>
							<li><i>&middot;</i><a href="#">发布任务1</a></li>
						</ul>
					</div>
					<div id="notification" class="tab-pane fade">
						<ul class="site-noitce-list">
							<li><i>&middot;</i>天心 成功中标 <a href="#">发布任务2</a></li>
							<li><i>&middot;</i>天心 成功中标 <a href="#">发布任务2</a></li>
							<li><i>&middot;</i>天心 成功中标 <a href="#">发布任务2</a></li>
							<li><i>&middot;</i>天心 成功中标 <a href="#">发布任务2</a></li>
							<li><i>&middot;</i>天心 成功中标 <a href="#">发布任务2</a></li>
						</ul>
					</div>
					<div id="withdrawal" class="tab-pane fade">
						<ul class="site-noitce-list">
							<li><i>&middot;</i>admin成功提现<span class="money">100.00<sub>元</sub></span></li>
							<li><i>&middot;</i>admin成功提现<span class="money">100.00<sub>元</sub></span></li>
							<li><i>&middot;</i>admin成功提现<span class="money">100.00<sub>元</sub></span></li>
							<li><i>&middot;</i>admin成功提现<span class="money">100.00<sub>元</sub></span></li>
							<li><i>&middot;</i>admin成功提现<span class="money">100.00<sub>元</sub></span></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- site-noitce-bottom end -->


			<div class="site-noitce-tips">
				<div class="site-noitce-tips-item">
					<div class="site-noitce-tips-img">
					 <span class="fa-stack fa-2x">
		                <i class="fa fa-circle-thin fa-stack-2x text-primary"></i>
		                <i class="fa fa-yen fa-stack-1x text-primary"></i>
		              </span>
		            </div>
		            <dl class="site-noitce-tips-body">
		            	<dt>担保交易</dt>
		            	<dd>验收工作满意后再付款</dd>
		            </dl>
				</div>
				<div class="site-noitce-tips-item">
					<div class="site-noitce-tips-img">
					 <span class="fa-stack fa-2x">
		                <i class="fa fa-circle-thin fa-stack-2x text-primary"></i>
		                <i class="fa fa-shield fa-stack-1x text-primary"></i>
		              </span>
		            </div>
		            <dl class="site-noitce-tips-body">
		            	<dt>雇主保障</dt>
		            	<dd>千万保障金先行赔付</dd>
		            </dl>
				</div>
				<div class="site-noitce-tips-item">
					<div class="site-noitce-tips-img">
					 <span class="fa-stack fa-2x">
		                <i class="fa fa-circle-thin fa-stack-2x text-primary"></i>
		                <i class="fa-text fa-stack-1x text-primary">验</i>
		              </span>
		            </div>
		            <dl class="site-noitce-tips-body">
		            	<dt>服务商认证</dt>
		            	<dd>实名认证，放心交易</dd>
		            </dl>
				</div>
			</div>
			<!-- site-noitce-tips end-->


		</div><!-- site-noitce end -->



	</div>
	<!-- home-top end -->

	<div class="home-stats">
		<div class="home-stats-inner">
			<div class="home-stats-ctrl">
				<a href="#" onclick="$('#jcarousel_stats').jcarousel('scroll', '+=1'); return false;"><i class="fa fa-caret-up"></i></a>
				<a href="#" onclick="$('#jcarousel_stats').jcarousel('scroll', '-=1'); return false;"><i class="fa fa-caret-down"></i></a>
			</div>
			<div id="jcarousel_stats" class="home-stats-list jcarousel-vertical">
				<ul>
					<li>
						<div class="home-stats-meta"><b class="">所有</b></div>
						<div class="home-stats-meta">任务总数 <span>182487</span> 个</div>
						<div class="home-stats-meta">服务商人数 <span>182487</span> 人</div>
						<div class="home-stats-meta">成交总额 <span><sub>￥</sub>182487</span> 元</div>
					</li>
					<li>
						<div class="home-stats-meta"><b class="">今日</b></div>
						<div class="home-stats-meta">发布任务 <span>182487</span> 个</div>
						<div class="home-stats-meta">成交任务 <span>182487</span> 个</div>
						<div class="home-stats-meta">成交金额 <span><sub>￥</sub>182487</span> 元</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- home-stats end -->


	<div class="home-floor f1">
		<div class="home-floor-header">
			<h2 class="min-title"><a href="#"><strong>1F</strong> 企业形象\LOGO\VI</a></h2>
			<a href="#" class="more-link">更多 <i class="fa fa-angle-double-right"></i></a>
		</div>
		<div class="home-floor-body">
			<div class="item-190">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/14/cmER37rd2h1129/53c38e500f423.jpg" alt="定制logo">
					<span class="text">
						定制logo
						<i class="fa fa-angle-right"></i>
					</span>
				</a>
				<ul class="item-link">
					<li><a href="#">LOGO设计</a></li>
					<li><a href="#">VI设计</a></li>
					<li><a href="#">商标设计</a></li>
					<li><a href="#">字体设计</a></li>
					<li><a href="#">商标设计</a></li>
					<li><a href="#">字体设计</a></li>
				</ul>
			</div>
			<div class="item-200 row-3">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-06/30/cmER37rd2h1129/53b0d700371ca.jpg" alt=""></a>
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-05/05/cmER37rd2h1129/536736fa36546.jpg" alt=""></a>
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-06/30/cmER37rd2h1129/53b0d756b275b.jpg" alt=""></a>
			</div>

			<div class="item-400 col-2">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/21/cmER37rd2h1129/53cc6819cd997.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-07/21/cmER37rd2h1129/53cc683e94d9d.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-07/17/cmER37rd2h1129/53c74dcaa3a2e.jpg" alt=""></a>

			</div>
			<div class="item-200 row-2-1">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/10/cmER37rd2h1129/53be5a388d166.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-05/05/cmER37rd2h1129/536736fa36546.jpg" alt=""></a>
			</div>
			<div class="item-200 row-2-1">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-06/30/cmER37rd2h1129/53b0d74d847a1.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-05/05/cmER37rd2h1129/536736fa36546.jpg" alt=""></a>
			</div>
		</div>
	</div>
	<!-- home-floor end -->


	<div class="for-advertise">
		<a href="#"><img width="1190" height="90" title="adv" alt="AD" data-src="holder.js/1190x90/#f8f8f8:#ddd/text:AD"></a>
	</div>
	<!-- for-advertise ed -->

	<div class="home-floor f2">
		<div class="home-floor-header">
			<h2 class="min-title"><a href="#"><strong>2F</strong> 广宣\画册设计</a></h2>
			<a href="#" class="more-link">更多 <i class="fa fa-angle-double-right"></i></a>
		</div>
		<div class="home-floor-body">
			<div class="item-190">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/14/cmER37rd2h1129/53c38e5b8d4dd.jpg" alt="企业宣传必备">
					<span class="text">
						企业宣传必备
						<i class="fa fa-angle-right"></i>
					</span>
				</a>
				<ul class="item-link">
					<li><a href="#">LOGO设计</a></li>
					<li><a href="#">VI设计</a></li>
					<li><a href="#">商标设计</a></li>
					<li><a href="#">字体设计</a></li>
					<li><a href="#">商标设计</a></li>
					<li><a href="#">字体设计</a></li>
				</ul>
			</div>
			<div class="item-200 row-3">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-06/30/cmER37rd2h1129/53b0d700371ca.jpg" alt=""></a>
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-05/05/cmER37rd2h1129/536736fa36546.jpg" alt=""></a>
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-06/30/cmER37rd2h1129/53b0d756b275b.jpg" alt=""></a>
			</div>

			<div class="item-400">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/21/cmER37rd2h1129/53cc69a2e2a4c.jpg" alt=""></a>
			</div>
			<div class="item-200 row-2-1">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/10/cmER37rd2h1129/53be5a388d166.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-05/05/cmER37rd2h1129/536736fa36546.jpg" alt=""></a>
			</div>
			<div class="item-200 row-2-1">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-06/30/cmER37rd2h1129/53b0d74d847a1.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-05/05/cmER37rd2h1129/536736fa36546.jpg" alt=""></a>
			</div>
		</div>
	</div>
	<!-- home-floor end -->

	<div class="for-advertise">
		<a href="#"><img width="1190" height="90" title="adv" alt="AD" data-src="holder.js/1190x90/#f8f8f8:#ddd/text:AD"></a>
	</div>
	<!-- for-advertise ed -->


	<div class="home-floor f3">
		<div class="home-floor-header">
			<h2 class="min-title"><a href="#"><strong>3F</strong> 网站\软件\APP开发</a></h2>
			<a href="#" class="more-link">更多 <i class="fa fa-angle-double-right"></i></a>
		</div>
		<div class="home-floor-body">
			<div class="item-190">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/14/cmER37rd2h1129/53c38e6ea353f.jpg" alt="网站开发">
					<span class="text">
						网站开发
						<i class="fa fa-angle-right"></i>
					</span>
				</a>
				<ul class="item-link">
					<li><a href="#">网站开发</a></li>
					<li><a href="#">UI设计</a></li>
					<li><a href="#">软件开发</a></li>
					<li><a href="#">APP开发</a></li>
					<li><a href="#">商标设计</a></li>
					<li><a href="#">字体设计</a></li>
				</ul>
			</div>
			<div class="item-200 row-3">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-06/30/cmER37rd2h1129/53b0d700371ca.jpg" alt=""></a>
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-05/05/cmER37rd2h1129/536736fa36546.jpg" alt=""></a>
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-06/30/cmER37rd2h1129/53b0d756b275b.jpg" alt=""></a>
			</div>

			<div class="item-400 col-2">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/21/cmER37rd2h1129/53cc6cfbaf495.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-07/21/cmER37rd2h1129/53cc6db312d9b.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-07/15/cmER37rd2h1129/53c4945683ee2.jpg" alt=""></a>
			</div>
			<div class="item-200 row-2-1">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/10/cmER37rd2h1129/53be5a388d166.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-05/05/cmER37rd2h1129/536736fa36546.jpg" alt=""></a>
			</div>
			<div class="item-200 row-2-1">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-06/30/cmER37rd2h1129/53b0d74d847a1.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-05/05/cmER37rd2h1129/536736fa36546.jpg" alt=""></a>
			</div>
		</div>
	</div>
	<!-- home-floor end -->

	<div class="for-advertise">
		<a href="#"><img width="1190" height="90" title="adv" alt="AD" data-src="holder.js/1190x90/#f8f8f8:#ddd/text:AD"></a>
	</div>
	<!-- for-advertise ed -->


	<div class="home-floor f4">
		<div class="home-floor-header">
			<h2 class="min-title"><a href="#"><strong>4F</strong> 包装设计</a></h2>
			<a href="#" class="more-link">更多 <i class="fa fa-angle-double-right"></i></a>
		</div>
		<div class="home-floor-body">
			<div class="item-190">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/14/cmER37rd2h1129/53c38e83867be.jpg" alt="包装设计">
					<span class="text">
						包装设计
						<i class="fa fa-angle-right"></i>
					</span>
				</a>
				<ul class="item-link">
					<li><a href="#">饮料包装</a></li>
					<li><a href="#">礼盒包装</a></li>
					<li><a href="#">食品包装</a></li>
					<li><a href="#">月饼包装</a></li>
					<li><a href="#">商标包装</a></li>
					<li><a href="#">字体包装</a></li>
				</ul>
			</div>
			<div class="item-200 row-3">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-06/30/cmER37rd2h1129/53b0d700371ca.jpg" alt=""></a>
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-05/05/cmER37rd2h1129/536736fa36546.jpg" alt=""></a>
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-06/30/cmER37rd2h1129/53b0d756b275b.jpg" alt=""></a>
			</div>

			<div class="item-400 col-2">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/21/cmER37rd2h1129/53cc6cfbaf495.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-07/21/cmER37rd2h1129/53cc6db312d9b.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-07/15/cmER37rd2h1129/53c4945683ee2.jpg" alt=""></a>
			</div>
			<div class="item-200 row-2-1">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/10/cmER37rd2h1129/53be5a388d166.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-05/05/cmER37rd2h1129/536736fa36546.jpg" alt=""></a>
			</div>
			<div class="item-200 row-2-1">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-06/30/cmER37rd2h1129/53b0d74d847a1.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-05/05/cmER37rd2h1129/536736fa36546.jpg" alt=""></a>
			</div>
		</div>
	</div>
	<!-- home-floor end -->


	<div class="for-advertise">
		<a href="#"><img width="1190" height="90" title="adv" alt="AD" data-src="holder.js/1190x90/#f8f8f8:#ddd/text:AD"></a>
	</div>
	<!-- for-advertise ed -->

	<div class="home-floor f1">
		<div class="home-floor-header">
			<h2 class="min-title"><a href="#"><strong>5F</strong> 网络营销\网店推广</a></h2>
			<a href="#" class="more-link">更多 <i class="fa fa-angle-double-right"></i></a>
		</div>
		<div class="home-floor-body">
			<div class="item-190">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/14/cmER37rd2h1129/53c38e941ac76.jpg" alt="网店推广">
					<span class="text">
						网店推广
						<i class="fa fa-angle-right"></i>
					</span>
				</a>
				<ul class="item-link">
					<li><a href="#">论坛推广</a></li>
					<li><a href="#">淘宝店铺推广</a></li>
					<li><a href="#">微博推广</a></li>
					<li><a href="#">网店收藏分享</a></li>
					<li><a href="#">商标包装</a></li>
					<li><a href="#">字体包装</a></li>
				</ul>
			</div>
			<div class="item-200 row-2-1">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/08/cmER37rd2h1129/53bb48e9b36e7.jpg" alt=""></a>
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/14/cmER37rd2h1129/53c38513744ba.jpg" alt=""></a>

			</div>

			<div class="item-400 col-2">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/21/cmER37rd2h1129/53cc6c98a4020.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-07/21/cmER37rd2h1129/53cc6af2c3ef7.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-07/10/cmER37rd2h1129/53bde9ff2700d.jpg" alt=""></a>
			</div>
			<div class="item-200 row-2-1">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/10/cmER37rd2h1129/53be5a388d166.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-05/05/cmER37rd2h1129/536736fa36546.jpg" alt=""></a>
			</div>
			<div class="item-200 row-2-1">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/21/cmER37rd2h1129/53ccd558de7be.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-05/05/cmER37rd2h1129/536736fa36546.jpg" alt=""></a>
			</div>
		</div>
	</div>
	<!-- home-floor end -->


	<div class="for-advertise">
		<a href="#"><img width="1190" height="90" title="adv" alt="AD" data-src="holder.js/1190x90/#f8f8f8:#ddd/text:AD"></a>
	</div>
	<!-- for-advertise ed -->


	<div class="home-floor f2">
		<div class="home-floor-header">
			<h2 class="min-title"><a href="#"><strong>6F</strong> 动画\影音\游戏美工</a></h2>
			<a href="#" class="more-link">更多 <i class="fa fa-angle-double-right"></i></a>
		</div>
		<div class="home-floor-body">
			<div class="item-190">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/14/cmER37rd2h1129/53c385c2a86e7.jpg" alt="游戏美工">
					<span class="text">
						游戏美工
						<i class="fa fa-angle-right"></i>
					</span>
				</a>
				<ul class="item-link">
					<li><a href="#">Flash</a></li>
					<li><a href="#">三维动画</a></li>
					<li><a href="#">游戏美工</a></li>
					<li><a href="#">专业配音</a></li>
					<li><a href="#">商标包装</a></li>
					<li><a href="#">字体包装</a></li>
				</ul>
			</div>
			<div class="item-200 row-2-1">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/14/cmER37rd2h1129/53c387531e2f3.jpg" alt=""></a>
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/14/cmER37rd2h1129/53c38513744ba.jpg" alt=""></a>

			</div>

			<div class="item-400">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/14/cmER37rd2h1129/53c386edba84b.jpg" alt=""></a>
			</div>
			<div class="item-200 row-2-1">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/10/cmER37rd2h1129/53be5a388d166.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-05/05/cmER37rd2h1129/536736fa36546.jpg" alt=""></a>
			</div>
			<div class="item-200 row-2-1">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/21/cmER37rd2h1129/53ccd558de7be.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-05/05/cmER37rd2h1129/536736fa36546.jpg" alt=""></a>
			</div>
		</div>
	</div>
	<!-- home-floor end -->


	<div class="for-advertise">
		<a href="#"><img width="1190" height="90" title="adv" alt="AD" data-src="holder.js/1190x90/#f8f8f8:#ddd/text:AD"></a>
	</div>
	<!-- for-advertise ed -->

	<div class="home-floor f3">
		<div class="home-floor-header">
			<h2 class="min-title"><a href="#"><strong>7F</strong> 工业设计\服装设计</a></h2>
			<a href="#" class="more-link">更多 <i class="fa fa-angle-double-right"></i></a>
		</div>
		<div class="home-floor-body">
			<div class="item-190">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/14/cmER37rd2h1129/53c387be6378a.jpg" alt="创造产品">
					<span class="text">
						创造产品
						<i class="fa fa-angle-right"></i>
					</span>
				</a>
				<ul class="item-link">
					<li><a href="#">产品外观设计</a></li>
					<li><a href="#">机械设计</a></li>
					<li><a href="#">家具设计</a></li>
					<li><a href="#">电路设计</a></li>
					<li><a href="#">商标包装</a></li>
					<li><a href="#">字体包装</a></li>
				</ul>
			</div>
			<div class="item-200 row-2-1">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/14/cmER37rd2h1129/53c387531e2f3.jpg" alt=""></a>
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/14/cmER37rd2h1129/53c38513744ba.jpg" alt=""></a>

			</div>

			<div class="item-400">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/14/cmER37rd2h1129/53c383891b32f.jpg" alt=""></a>
			</div>
			<div class="item-200 row-2-1">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/10/cmER37rd2h1129/53be5a388d166.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-05/05/cmER37rd2h1129/536736fa36546.jpg" alt=""></a>
			</div>
			<div class="item-200 row-2-1">
				<a href="#" class="item-img"><img src="http://p6.zbjimg.com//cms/2014-07/21/cmER37rd2h1129/53ccd558de7be.jpg" alt=""></a>
				<a href="#" class="item-img-min"><img src="http://p6.zbjimg.com//cms/2014-05/05/cmER37rd2h1129/536736fa36546.jpg" alt=""></a>
			</div>
		</div>
	</div>
	<!-- home-floor end -->

	<div class="for-advertise">
		<a href="#"><img width="1190" height="90" title="adv" alt="AD" data-src="holder.js/1190x90/#f8f8f8:#ddd/text:AD"></a>
	</div>
	<!-- for-advertise ed -->

	<div class="home-witkey">
		<div class="home-witkey-header">
			<h2 class="min-title">推荐服务商</h2>
			选择一个服务商,发起雇佣请求 <i class="fa fa-angle-right"></i> 写需求并托管赏金 <i class="fa fa-angle-right"></i> 验收确认工作 <i class="fa fa-angle-right"></i> 支付赏金给服务商并评价
		</div>
		<div class="home-witkey-header-body">
			<a href="#" class="more-link">更多 <i class="fa fa-angle-double-right"></i></a>
			<ul class="nav nav-pills second-nav">
	            <li class="active"><a href="#">推荐人才 <span class="caret"></span></a></li>
	            <li><a href="#">LOGO/VI设计 <span class="caret"></span></a></li>
	            <li><a href="#">网店服务 <span class="caret"></span></a></li>
	            <li><a href="#">网络推广 <span class="caret"></span></a></li>
	            <li><a href="#">网站建设 <span class="caret"></span></a></li>
	            <li><a href="#">建筑装修 <span class="caret"></span></a></li>
	            <li><a href="#">宣传品设计 <span class="caret"></span></a></li>
	            <li><a href="#">动漫设计 <span class="caret"></span></a></li>
	            <li><a href="#">宣传文案 <span class="caret"></span></a></li>
	        </ul>

			<ul class="pep-list">
				<li class="pep-item">
					<a class="pep-avatar" title="三金品牌设计">
						<img src="http://pic.yupoo.com/huang-yu/CJfLj5L2/thumb.jpg" alt="三金品牌设计">
					</a>
					<div class="pep-body">
						<p><a href="#" class="pep-name">三金品牌设计 <img src="img/leve5.png" alt="5级服务商"></a></p>
						<p>TA 出售的服务(好评率100%)</p>
						<p>
							<a href="#" class="pep-link">
								<span class="money"><sub>￥</sub>3500</span>
								包月设计（全网独家）
							</a>
						</p>
						<p>
							<a href="#" class="pep-link">
								<span class="money"><sub>￥</sub>3500</span>
								包月设计（全网独家）
							</a>
						</p>
					</div>
				</li>
				<li class="pep-item">
					<a class="pep-avatar" title="孑杰视觉设计">
						<img src="http://pic.yupoo.com/huang-yu/CJr1vlU5/thumb.jpg" alt="孑杰视觉设计">
					</a>
					<div class="pep-body">
						<p><a href="#" class="pep-name">孑杰视觉设计 <img src="img/leve5.png" alt="5级服务商"></a></p>
						<p>TA 出售的服务(好评率100%)</p>
						<p>
							<a href="#" class="pep-link">
								<span class="money"><sub>￥</sub>3500</span>
								包月设计（全网独家）
							</a>
						</p>
						<p>
							<a href="#" class="pep-link">
								<span class="money"><sub>￥</sub>3500</span>
								包月设计（全网独家）
							</a>
						</p>
					</div>
				</li>
				<li class="pep-item">
					<a class="pep-avatar" title="东企品牌设计">
						<img src="http://pic.yupoo.com/huang-yu/CJr1Ag4R/thumb.jpg" alt="东企品牌设计">
					</a>
					<div class="pep-body">
						<p><a href="#" class="pep-name">东企品牌设计 <img src="img/leve5.png" alt="5级服务商"></a></p>
						<p>TA 出售的服务(好评率100%)</p>
						<p>
							<a href="#" class="pep-link">
								<span class="money"><sub>￥</sub>3500</span>
								【盛夏特惠】VI基础套餐，设计修改满意为止
							</a>
						</p>
						<p>
							<a href="#" class="pep-link">
								<span class="money"><sub>￥</sub>3500</span>
								【盛夏特惠】logo设计 实用VI应用 精准套餐
							</a>
						</p>
					</div>
				</li>
				<li class="pep-item">
					<a class="pep-avatar" title="三金品牌设计">
						<img src="http://pic.yupoo.com/huang-yu/CJr1HRY2/thumb.jpg" alt="三金品牌设计">
					</a>
					<div class="pep-body">
						<p><a href="#" class="pep-name">三金品牌设计 <img src="img/leve5.png" alt="5级服务商"></a></p>
						<p>TA 出售的服务(好评率100%)</p>
						<p>
							<a href="#" class="pep-link">
								<span class="money"><sub>￥</sub>3500</span>
								包月设计（全网独家）
							</a>
						</p>
						<p>
							<a href="#" class="pep-link">
								<span class="money"><sub>￥</sub>3500</span>
								包月设计（全网独家）
							</a>
						</p>
					</div>
				</li>
				<li class="pep-item">
					<a class="pep-avatar" title="孑杰视觉设计">
						<img src="http://pic.yupoo.com/huang-yu/CJr1BEUH/thumb.jpg" alt="孑杰视觉设计">
					</a>
					<div class="pep-body">
						<p><a href="#" class="pep-name">孑杰视觉设计 <img src="img/leve5.png" alt="5级服务商"></a></p>
						<p>TA 出售的服务(好评率100%)</p>
						<p>
							<a href="#" class="pep-link">
								<span class="money"><sub>￥</sub>3500</span>
								包月设计（全网独家）
							</a>
						</p>
						<p>
							<a href="#" class="pep-link">
								<span class="money"><sub>￥</sub>3500</span>
								包月设计（全网独家）
							</a>
						</p>
					</div>
				</li>
				<li class="pep-item">
					<a class="pep-avatar" title="东企品牌设计">
						<img src="http://pic.yupoo.com/huang-yu/CJr1Gz5o/thumb.jpg" alt="东企品牌设计">
					</a>
					<div class="pep-body">
						<p><a href="#" class="pep-name">东企品牌设计 <img src="img/leve5.png" alt="5级服务商"></a></p>
						<p>TA 出售的服务(好评率100%)</p>
						<p>
							<a href="#" class="pep-link">
								<span class="money"><sub>￥</sub>3500</span>
								【盛夏特惠】VI基础套餐，设计修改满意为止
							</a>
						</p>
						<p>
							<a href="#" class="pep-link">
								<span class="money"><sub>￥</sub>3500</span>
								【盛夏特惠】logo设计 实用VI应用 精准套餐
							</a>
						</p>
					</div>
				</li>
			</ul>

		</div>
	</div>
	<!-- home-witkey end -->

	<div class="for-advertise">
		<a href="#"><img width="1190" height="90" title="adv" alt="AD" data-src="holder.js/1190x90/#f8f8f8:#ddd/text:AD"></a>
	</div>
	<!-- for-advertise ed -->

	<div class="home-task">
		<div class="home-task-header">
			<h2 class="min-title">需求热点</h2>
			<a href="#" class="more-link">所有需求 <i class="fa fa-angle-double-right"></i></a>
		</div>
		<div class="home-task-body">
			<ul>
				<li>
					<p><a href="#"><span class="money"><sub>￥</sub>500</span> 硬派越野车 车贴设计</a></p>
					<p>伞兵户外俱乐部 发布 27投标</p>
				</li>
				<li>
					<p><a href="#"><span class="money"><sub>￥</sub>500</span> 一元一个 看电影写评论</a></p>
					<p>重庆市健康教育所 发布 27投标</p>
				</li>
				<li>
					<p><a href="#"><span class="money"><sub>￥</sub>9500</span> 重庆市基本公共卫生服务项目LOGO征集大赛</a></p>
					<p>Someone29 发布 27投标</p>
				</li>
				<li>
					<p><a href="#"><span class="money"><sub>￥</sub>500</span> 硬派越野车 车贴设计</a></p>
					<p>伞兵户外俱乐部 发布 27投标</p>
				</li>
				<li>
					<p><a href="#"><span class="money"><sub>￥</sub>500</span> 一元一个 看电影写评论</a></p>
					<p>重庆市健康教育所 发布 27投标</p>
				</li>
				<li>
					<p><a href="#"><span class="money"><sub>￥</sub>9500</span> 重庆市基本公共卫生服务项目LOGO征集大赛</a></p>
					<p>Someone29 发布 27投标</p>
				</li>
				<li>
					<p><a href="#"><span class="money"><sub>￥</sub>9500</span> 重庆市基本公共卫生服务项目LOGO征集大赛</a></p>
					<p>Someone29 发布 27投标</p>
				</li>
				<li>
					<p><a href="#"><span class="money"><sub>￥</sub>500</span> 硬派越野车 车贴设计</a></p>
					<p>伞兵户外俱乐部 发布 27投标</p>
				</li>
				<li>
					<p><a href="#"><span class="money"><sub>￥</sub>500</span> 一元一个 看电影写评论</a></p>
					<p>重庆市健康教育所 发布 27投标</p>
				</li>
				<li>
					<p><a href="#"><span class="money"><sub>￥</sub>9500</span> 重庆市基本公共卫生服务项目LOGO征集大赛</a></p>
					<p>Someone29 发布 27投标</p>
				</li>
				<li>
					<p><a href="#"><span class="money"><sub>￥</sub>500</span> 硬派越野车 车贴设计</a></p>
					<p>伞兵户外俱乐部 发布 27投标</p>
				</li>
				<li>
					<p><a href="#"><span class="money"><sub>￥</sub>500</span> 一元一个 看电影写评论</a></p>
					<p>重庆市健康教育所 发布 27投标</p>
				</li>
				<li>
					<p><a href="#"><span class="money"><sub>￥</sub>9500</span> 重庆市基本公共卫生服务项目LOGO征集大赛</a></p>
					<p>Someone29 发布 27投标</p>
				</li>
				<li>
					<p><a href="#"><span class="money"><sub>￥</sub>9500</span> 重庆市基本公共卫生服务项目LOGO征集大赛</a></p>
					<p>Someone29 发布 27投标</p>
				</li>
			</ul>
		</div>
	</div>
	<!-- home-task ed -->

	<div class="home-record">
		<div class="home-record-header">
			<h2 class="min-title">中标动态</h2>
		</div>
		<div class="home-record-body">
			<ul class="home-record-list-img">
				<li>
					<a href="#" class="img"><img src="http://pic.yupoo.com/huang-yu/CJr1KiTj/thumb.jpg" alt=""></a>
					<div class="home-record-list-body">
						<p><a href="#">快来秀你的情诗！争10万大奖！</a></p>
						<p><span class="money"><sub>￥</sub>100000</span> 3548投标 <span class="label label-success">已选标</span></p>
					</div>
				</li>
				<li>
					<a href="#" class="img"><img src="http://pic.yupoo.com/huang-yu/CJr1KiTj/thumb.jpg" alt=""></a>
					<div class="home-record-list-body">
						<p><a href="#">网易游戏推广，贴吧、论坛发帖 1贴1元</a></p>
						<p><span class="money"><sub>￥</sub>100000</span> 3548投标 <span class="label label-info">投标中</span></p>
					</div>
				</li>
				<li>
					<a href="#" class="img"><img src="http://pic.yupoo.com/huang-yu/CJr1KiTj/thumb.jpg" alt=""></a>
					<div class="home-record-list-body">
						<p><a href="#">快来秀你的情诗！争10万大奖！</a></p>
						<p><span class="money"><sub>￥</sub>100000</span> 3548投标 <span class="label label-success">已选标</span></p>
					</div>
				</li>
				<li>
					<a href="#" class="img"><img src="http://pic.yupoo.com/huang-yu/CJr1KiTj/thumb.jpg" alt=""></a>
					<div class="home-record-list-body">
						<p><a href="#">第9届真维斯T恤DIY设计大赛</a></p>
						<p><span class="money"><sub>￥</sub>100000</span>  65投标 <span class="label label-primary">交易完成</span></p>
					</div>
				</li>
				<li>
					<a href="#" class="img"><img src="http://pic.yupoo.com/huang-yu/CJr1KiTj/thumb.jpg" alt=""></a>
					<div class="home-record-list-body">
						<p><a href="#">联想创客大赛-智能电子产品创意征集大赛</a></p>
						<p><span class="money"><sub>￥</sub>2500</span> 6794投标 <span class="label label-primary">交易完成</span></p>
					</div>
				</li>
				<li>
					<a href="#" class="img"><img src="http://pic.yupoo.com/huang-yu/CJr1KiTj/thumb.jpg" alt=""></a>
					<div class="home-record-list-body">
						<p><a href="#">快来秀你的情诗！争10万大奖！</a></p>
						<p><span class="money"><sub>￥</sub>100000</span> 3548投标 <span class="label label-success">已选标</span></p>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<!-- home-record end -->

	<div class="for-advertise">
		<a href="#"><img width="1190" height="90" title="adv" alt="AD" data-src="holder.js/1190x90/#f8f8f8:#ddd/text:AD"></a>
	</div>
	<!-- for-advertise ed -->

	<div class="website-tips">
		<div class="website-tips-header">
			<h2 class="min-title">猪八戒网是全国领先的在线服务交易平台</h2>
			<div class="website-tips-info">你可以将你的需求发布到猪八戒网上，让900万专业的服务商来帮你解决</div>
		</div>
		<div class="post-step">
			<h3 class="min-title">如何发需求进行交易 <i class="fa fa-chevron-circle-right"></i></h3>
			<ul>
				<li><i class="text-primary">1</i>发布需求 <i class="fa fa-angle-right"></i></li>
				<li><i class="text-primary">2</i>众多服务商参与 <i class="fa fa-angle-right"></i></li>
				<li><i class="text-primary">3</i>选择满意方案 <i class="fa fa-angle-right"></i></li>
				<li><i class="text-primary">4</i>验收后付款</li>
			</ul>
		</div>
		<!-- post-step end -->

		<div class="website-news-img">
			<div class="website-news-img-item">
				<a href="#" class="img"><img src="http://pic.yupoo.com/huang-yu/DwJBljaC/medium.jpg" alt=""></a>
				<a href="#" class="min-title">《新闻联播》：徐老师的服务商生活</a>
				<div class="img-item-body">
					CCTV1《新闻联播》：近年来，互联网上拥现出一种网络新人群——服务商， 猪八戒网作为服务商发展的优质服务平台，创建的服务商经济正发展成为一种网络经济新模式。
				</div>
				<a href="#" class="more-link">查看更多 <i class="fa fa-angle-double-right"></i></a>
			</div>
			<div class="website-news-img-item">
				<a href="#" class="img"><img src="http://pic.yupoo.com/huang-yu/DwJBn7IW/medium.jpg" alt=""></a>
				<a href="#" class="min-title">《新闻联播》：徐老师的服务商生活</a>
				<div class="img-item-body">
					CCTV1《新闻联播》：近年来，互联网上拥现出一种网络新人群——服务商， 猪八戒网作为服务商发展的优质服务平台，创建的服务商经济正发展成为一种网络经济新模式。
				</div>
				<a href="#" class="more-link">查看更多 <i class="fa fa-angle-double-right"></i></a>
			</div>
			<div class="website-news-img-item">
				<a href="#" class="img"><img src="http://pic.yupoo.com/huang-yu/DwJBq9Np/medium.jpg" alt=""></a>
				<a href="#" class="min-title">《新闻联播》：徐老师的服务商生活</a>
				<div class="img-item-body">
					CCTV1《新闻联播》：近年来，互联网上拥现出一种网络新人群——服务商， 猪八戒网作为服务商发展的优质服务平台，创建的服务商经济正发展成为一种网络经济新模式。
				</div>
				<a href="#" class="more-link">查看更多 <i class="fa fa-angle-double-right"></i></a>
			</div>
			<div class="website-news-img-item">
				<a href="#" class="img"><img src="http://pic.yupoo.com/huang-yu/DwJBpOi5/medium.jpg" alt=""></a>
				<a href="#" class="min-title">《新闻联播》：徐老师的服务商生活</a>
				<div class="img-item-body">
					CCTV1《新闻联播》：近年来，互联网上拥现出一种网络新人群——服务商， 猪八戒网作为服务商发展的优质服务平台，创建的服务商经济正发展成为一种网络经济新模式。
				</div>
				<a href="#" class="more-link">查看更多 <i class="fa fa-angle-double-right"></i></a>
			</div>
		</div>
		<!-- website-news-img end -->

		<div class="website-news">
			<div class="website-news-label">最新报道：</div>
			<div id="jcarousel_news" class="website-news-body jcarousel-vertical">
				<ul class="website-news-list">
					<li>
						<p><a href="#">【经济信息网】儿子携年近六旬的母亲参赛</a> 2014-04-23</p>
						<p><a href="#">【经济信息网】儿子携年近六旬的母亲参赛母亲参赛母亲参赛</a> 2014-04-23</p>
						<p><a href="#">【经济信息网】儿子携年近六旬的母亲参赛</a> 2014-04-23</p>
					</li>
					<li>
						<p><a href="#">【经济信息网】儿子携年近六旬的母亲参赛</a> 2014-04-23</p>
						<p><a href="#">【经济信息网】儿子携年近六旬的母亲参赛母亲参赛母亲参赛</a> 2014-04-23</p>
						<p><a href="#">【经济信息网】儿子携年近六旬的母亲参赛</a> 2014-04-23</p>
					</li>
					<li>
						<p><a href="#">【经济信息网】儿子携年近六旬的母亲参赛</a> 2014-04-23</p>
						<p><a href="#">【经济信息网】儿子携年近六旬的母亲参赛母亲参赛母亲参赛</a> 2014-04-23</p>
						<p><a href="#">【经济信息网】儿子携年近六旬的母亲参赛</a> 2014-04-23</p>
					</li>
				</ul>
			</div>
		</div>
		<!-- website-news end -->
	</div>
	<!-- website-tips ed -->

</div><!-- container ed -->


<div class="home-footer">
	<div class="container">
		<dl class="item">
			<dt>新手指南</dt>
			<dd>
				<a href="#">注册新用户</a>
				<a href="#">雇主入门</a>
				<a href="#">服务商入门</a>
				<a href="#">帮助中心</a>
			</dd>
		</dl>
		<dl class="item">
			<dt>我是雇主</dt>
			<dd>
				<a href="#">发布需求</a>
				<a href="#">挑选服务商</a>
				<a href="#">购买设计作品</a>
				<a href="#">成品印刷</a>
			</dd>
		</dl>
		<dl class="item">
			<dt>交易保障</dt>
			<dd>
				<a href="#">担保交易</a>
				<a href="#">争议仲裁</a>
				<a href="#">雇主防骗</a>
				<a href="#">服务商防骗</a>
			</dd>
		</dl>
		<dl class="item">
			<dt>我是服务商</dt>
			<dd>
				<a href="#">免费开店</a>
				<a href="#">加入签约服务商</a>
				<a href="#">猪八戒大学</a>
				<a href="#">服务商指南</a>
			</dd>
		</dl>
		<dl class="item text-center">
			<dt>放心交易</dt>
			<dd><img src="img/safe.png"/></dd>
		</dl>

		<div class="item">
			<p><strong class="phone-num">400-188-6666</strong></p>
			<p class="ontime">周一至周日9:00 - 23:00</p>
			<p><button class="btn btn-primary">联系在线客服</button></p>
			<div class="line"></div>
			<p>
				<a href="#" title="新浪微博"><img src="img/sina_t.gif" alt="新浪微博"></a>
				<a href="#" title="腾讯微博"><img src="img/ten_t.gif" alt="腾讯微博"></a>
				<a href="#" title="淘宝帐号"><img src="img/taobao_t.gif" alt="淘宝帐号"></a>
			</p>
		</div>
	</div>
</div>
<!-- home-footer end -->


<div class="footer">
  <div class="container">

      <ul class="friend-link">
        <li><strong>友情链接</strong></li>
        <li><a href="#">武汉客客信息技术有限公司官网</a></li>
        <li><a href="#">客客团队交流社区</a></li>
        <li><a href="#">客客团队演示站点</a></li>
        <li><a href="#">KPPW系统演示站点</a></li>
      </ul>
      <!-- 只在首页显示 friend-link end  -->

      <ul class="footer-link">
        <li><a href="#">关于我们</a></li>
        <li><a href="#">公司简介</a></li>
        <li><a href="#">联系方法</a></li>
        <li><a href="#">招聘信息</a></li>
        <li><a href="#">客户服务</a></li>
        <li><a href="#">隐私政策</a></li>
        <li><a href="#">广告服务</a></li>
        <li><a href="#">意见反馈</a></li>
        <li><a href="#">不良信息举报</a></li>
      </ul>
      <!-- footer-link end -->
      <div class="footer-copyright">
        <p>公司名称:客客信息技术有限公司地址:湖北省武汉市联系电话:13545368115</p>
        <p>KPPW Copyright &copy; 2009 -2011 kekezu. All rights reserved <a href="http://icp.valu.cn/">鄂B2-20080005</a></p>
      </div>
      <!-- footer-copyright end -->
  </div><!-- container end -->
</div><!-- footer end -->


<div id="fix-box"><a id="top" href="javascript:void(0);" style="display:none;"><i class="fa fa-angle-up"></i></a></div>


<script type="text/javascript">
$(function(){
$('#jcarousel_news').jcarousel({
	wrap: 'circular',
	animation: 500,
	vertical: true
	}).jcarouselAutoscroll({
        scroll: '+=1',
        interval: 5000
	}).mouseenter(function(){
	 	$(this).jcarouselAutoscroll('stop');
	}).mouseleave(function(){
	 	$(this).jcarouselAutoscroll('start');
	});


$('#jcarousel_stats').jcarousel({
	wrap: 'circular',
	vertical: true
	}).jcarouselAutoscroll({
        scroll: '+=1'
	}).mouseenter(function(){
	 	$(this).jcarouselAutoscroll('stop');
	}).mouseleave(function(){
	 	$(this).jcarouselAutoscroll('start');
	});

	//返回顶部
    $(window).scroll(function(){
      if ($(window).scrollTop()>100){
        $("#top").fadeIn();
      }
      else
      {
        $("#top").fadeOut();
      }
      });
      //当点击跳转链接后，回到页面顶部位置
      $("#top").click(function(){
        $('body,html').animate({scrollTop:0},1000);
         return false;
      });
});
</script>

</body>
</html>